<!DOCTYPE html>
<html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>单企业画像</title>
        <link rel="stylesheet" href="../src/css/modal.css">
        <link rel="stylesheet" href="../src/css/index.css">
        <link rel="stylesheet" href="../src/css/dqyhx.css">
        <script>
        (function setPageScale(window, document) {
        function setBodyScale() {
        var zoom = (window.innerHeight / 1080).toFixed(3)
        if (document.body) {
        document.body.style.transform = 'translate(-50%, -50%) scale(' + zoom + ')';
        } else {
        document.addEventListener('DOMContentLoaded', setBodyScale)
        }
        }
        setBodyScale();
        // reset scale unit on page resize窗口改变时候重新设置缩放
        window.addEventListener('resize', setBodyScale)
        window.addEventListener('pageshow', function (e) {
        if (e.persisted) {
        setBodyScale()
        }
        })
        }(window, document))
        </script>
        <!--[if lt IE 9]>
        <script src="../src/js/html5shiv.min.js"></script>
        <![endif]-->
    </head>
    
    <body>
        <div class="wrapper" id="app">
            <div class="global-content">
                <header class="header">
                </header>
                <section class="main clearfix">
                    <nav class="navs">
                            <div class="nav-item">
                                    <a href="./tsgz.html" class="tsgz ">
                                        态势感知
                                    </a>
                                </div>
                        <div class="nav-item">
                            <a href="javascript:;" class="qyhx on">
                                企业画像
                            </a>
                        </div>
                        <div class="nav-item">
                            <a href="./cphx.html" class="cphx">
                                产品画像
                            </a>
                        </div>
                        <div class="nav-item">
                            <a href="./tdpchx.html" class="tdpchx">
                                特定批次
                                画像
                            </a>
                        </div>
    
                        <div class="nav-item">
                            <a href="./scxszk.html" class="scxszk">
                                生产销售质控
                            </a>
                        </div>
                    </nav>
                    <div class="content-box "  >
                        <div class="ready_container " :class="isReady?'data-ready':''">
                            <div class="s-title mb20">企业综合风险情况分析</div>
                            <div class="top_handle mb10 pl20">
                                <button class="color-f f16">风险会商</button>
                                <button class="ml20 color-f f16">风险处置</button>
                                <button class="ml20 color-f f16">风险关闭</button>
                            </div>
                            <div class="content-box-area flex pl20">
                                <div class="cb-left">
                                    <table class="main_table">
                                        <tr>
                                            <td class="width1 tbg1">企业名称</td>
                                            <td colspan="4" class="text-center">宁波荣安生物药业有限公司</td>
                                            <td class="width7  f22 text-center tbg1" rowspan="6"><span class="inline-block width12 color-red">风险值97分</span></td>
                                        </tr>
                                        <tr>
                                            <td class="tbg1">企业信息</td>
                                            <td  class="width3 tbg2">统一社会信用代码</td>
                                            <td  class="width4">91330201728105235N</td>
                                            <td  class="width5 tbg2">法定代表人</td>
                                            <td  class="width6">张欣</td>
                                        </tr>
                                        <tr>
                                            <td class="tbg1">企业经济信息</td>
                                            <td class="tbg2">上年产值</td>
                                            <td>XXX亿元</td>
                                            <td class="tbg2">上年利润</td>
                                            <td >XXX亿元</td>
                                        </tr>
                                        <tr>
                                            <td class="tbg1">企业生产许可信息</td>
                                            <td class="tbg2">生产许可证</td>
                                            <td>浙200000208</td>
                                            <td class="tbg2">GMP认证</td>
                                            <td >CN20130188，ZJ20180145</td>
                                        </tr>
                                        <tr>
                                            <td class="tbg1">企业产品信息</td>
                                            <td class="tbg2">产品名称</td>
                                            <td>冻干人用狂犬病疫苗（Vero<a href="javascript:;" @click="showCpDialog"  class="more color-yellow">更多…</a></td>
                                            <td class="tbg2">批准文号</td>
                                            <td >国药准字S20073014</td>
                                        </tr>
                                        <tr>
                                            <td class="tbg1">企业风险分析</td>
                                            <td colspan="4" class="qyfx_td">
                                                <div class="qyfx_td_div">
                                                    <table class="qyfx">
                                                        <tr>
                                                            <td class="width8 tbg2" rowspan="3">1、GMP<br>认证</td>
                                                            <td class="width9 tbg2">严重缺陷</td>
                                                            <td class="color-yellow width10 clicker" @click="showQxDialog">0条</td>
                                                            <td class="width11"></td>
                                                        </tr>
                                                        <tr>
                                                            <td class="tbg2">主要缺陷</td>
                                                            <td class="color-yellow clicker" @click="showQxDialog">1条</td>
                                                            <td >119</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="tbg2">一般缺陷</td>
                                                            <td class="color-yellow clicker" @click="showQxDialog">1条</td>
                                                            <td >附录1-5，附录4-20</td>
                                                        </tr>
                                                        <tr>
                                                            <td  rowspan="3" class="tbg2">2、<br>飞行<br>检查</td>
                                                            <td class="tbg2">严重缺陷</td>
                                                            <td class="color-yellow clicker" @click="showQxDialog">0条</td>
                                                            <td ></td>
                                                        </tr>
                                                        <tr>
                                                            <td class="tbg2">主要缺陷</td>
                                                            <td class="color-yellow clicker" @click="showQxDialog">1条</td>
                                                            <td >53</td>
                                                        </tr>
                                                        <tr>
                                                            <td class="tbg2">一般缺陷</td>
                                                            <td class="color-yellow clicker" @click="showQxDialog">1条</td>
                                                            <td >附录1-5，附录4-20</td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="2" class="tbg2">3、抽样检验</td>
                                                            <td class="color-yellow clicker" @click="showCyDialog">1条</td>
                                                            <td ></td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="2" class="tbg2">4、投诉举报</td>
                                                            <td class="color-yellow clicker" @click="showTsDialog">1条</td>
                                                            <td ></td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="2" class="tbg2">5、行政处罚</td>
                                                            <td class="color-yellow">1条</td>
                                                            <td ></td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="2" class="tbg2">6、异常/不良反应</td>
                                                            <td class="color-yellow clicker" @click="showYcDialog">1条</td>
                                                            <td ></td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="2" class="tbg2">7、舆情监测</td>
                                                            <td class="color-yellow ">1条</td>
                                                            <td ></td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="2" class="tbg2">8、企业信用</td>
                                                            <td class="color-yellow">1条</td>
                                                            <td ></td>
                                                        </tr>
                                                        <tr>
                                                            <td colspan="2" class="tbg2">9、个人信用</td>
                                                            <td class="color-yellow">1条</td>
                                                            <td ></td>
                                                        </tr>
                                                    </table>
                                                </div>
                                            </td>
                                        </tr>
                                    </table>
                                </div>
                                <div class="cb-right" style="background-size: 100% 351px;">
                                    <div class="stat-1 mb10">
                                        <div class="s-title">企业风险类型占比</div>
                                        <v-chart :options="stat1.chartOption" class="echart_c_1" />
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                </section>
            </div>
            <img src="../src/img/dqyhx/back.png" class="go-back" @click="goBack">
            <!--模态窗*************************************-->
            <!-- <div class="dialog_cover " :class="activeDialogIndex?'active':''" @click="hideDialog"></div> -->
            <!--产品列表-->
            <template v-if="activeDialogIndex==1">
                <div class="modal fade" id="modal1" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered dialog1" role="document">
                        <div class="modal-content " >
                            <div class="modal-header">
                                <h5 class="modal-title">产品列表</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body dialog1">
                                <div class="d-content">
                                    <table class="text-center f16 common_table">
                                        <thead>
                                            <th  style="width: 56px">序号</th>
                                            <th  style="width: 350px">产品名称</th>
                                            <th  style="width: 120px">批准文号</th>
                                            <th  style="width: 164px">规格</th>
                                            <th  style="width: 96px">产品类型</th>
                                            <th  style="width: 82px">剂型</th>
                                            <th  style="width: 122px">批准日期</th>
                                        </thead>
                                        <tr>
                                            <td>1</td>
                                            <td>双价肾综合征出血热灭活疫苗（Vero细胞）</td>
                                            <td>国药准字
                                            S20070020</td>
                                            <td>1.0ml/瓶</td>
                                            <td>生物制品</td>
                                            <td>注射剂</td>
                                            <td>2017-08-21</td>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td>双价肾综合征出血热灭活疫苗（Vero细胞）</td>
                                            <td>国药准字
                                            S20070020</td>
                                            <td>重溶后0.5ml/瓶（附稀释液1支）</td>
                                            <td>生物制品</td>
                                            <td>注射剂</td>
                                            <td>2017-08-21</td>
                                        </tr>
                                        <tr>
                                            <td>1</td>
                                            <td>双价肾综合征出血热灭活疫苗（Vero细胞）</td>
                                            <td>国药准字
                                            S20070020</td>
                                            <td>1.0ml/瓶</td>
                                            <td>生物制品</td>
                                            <td>注射剂</td>
                                            <td>2017-08-21</td>
                                        </tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </template>
            <!--企业检查缺陷分析-->
            <!-- <template v-if="activeDialogIndex==2"> -->
            <div class="modal fade" id="modal2" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true" >
                <div class="modal-dialog dialog2" role="document">
                    <div class="modal-content " >
                        <div class="modal-header">
                            <h5 class="modal-title">企业检查缺陷分析</h5>
                            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                            <span aria-hidden="true">&times;</span>
                            </button>
                        </div>
                        <div class="modal-body ">
                            <div class="d-content">
                                <div class="dstat-1">
                                    <div class="s-title">历年企业检查缺陷情况</div>
                                    <v-chart :options="dialog2.dstat1.chartOption" class="d1_echart_c_1" />
                                </div>
                                <div class="dstat-2">
                                    <div class="s-title">企业检查缺陷情况统计</div>
                                    <div class="search_content mb20 pl20 pt20">
                                        <div class="fx-item flex mb10">
                                            <div class="flex-1 ">
                                                <span class="l-name l-width-1">时间：</span>
                                                <span>
                                                    <input type="text" value="2019-07-08" class="form-control inline-block width-input-1 mr10"><span class="color-blue">-</span><input type="text" value="2019-07-08"  class="form-control inline-block width-input-1 ml10">
                                                </span>
                                            </div>
                                            <div class="flex-1 ">
                                                <span class="l-name l-width-2 pl10">产品类别：</span>
                                                <span >
                                                    <select  class="form-control  inline-block width-input-2">
                                                        <option value="1">疫苗</option>
                                                        <option value="2">疫苗2</option>
                                                        <option value="3">疫苗3</option>
                                                    </select>
                                                </span>
                                            </div>
                                            
                                            
                                        </div>
                                        <div class="fx-item flex mb10">
                                            <div class="flex-1 ">
                                                <span class="l-name  l-width-1">企业：</span>
                                                <span>
                                                    <input  class="form-control  inline-block width-input-3" value="宁波荣安生物技术有限公司">
                                                </span>
                                            </div>
                                            <div class="flex-1 ">
                                                <span class="l-name l-width-2 pl10">区域：</span>
                                                <span >
                                                    <input  class="form-control  inline-block width-input-2" placeholder="省，市，县">
                                                    
                                                </span>
                                            </div>
                                            
                                        </div>
                                        <div class="text-right pr20">
                                            <button class="mr10" @click="submitForm">提交</button>
                                            <button  @click="exportForm">导出</button>
                                        </div>
                                    </div>
                                    <div class="s2-title flex ">
                                        <div class="flex-1 pic_left text-right"><img src="../src/img/dqyhx/dialog2/pic_left.png"/></div>
                                        <div class="s-t-word f16"><span>严重缺陷</span></div>
                                        <div class="flex-1 pic_right text-left"><img src="../src/img/dqyhx/dialog2/pic_right.png"/></div>
                                    </div>
                                    <div>
                                        <v-chart :options="dialog2.dstat2.chartOption" class="d1_echart_c_2" @click="dstat2Click"/>
                                    </div>
                                    <div class="s2-title flex ">
                                        <div class="flex-1 pic_left text-right"><img src="../src/img/dqyhx/dialog2/pic_left.png"/></div>
                                        <div class="s-t-word f16"><span>主要缺陷</span></div>
                                        <div class="flex-1 pic_right text-left"><img src="../src/img/dqyhx/dialog2/pic_right.png"/></div>
                                    </div>
                                    <div>
                                        <v-chart :options="dialog2.dstat3.chartOption" class="d1_echart_c_2" @click="dstat3Click" />
                                    </div>
                                    <div class="s2-title flex ">
                                        <div class="flex-1 pic_left text-right"><img src="../src/img/dqyhx/dialog2/pic_left.png"/></div>
                                        <div class="s-t-word f16"><span>一般缺陷</span></div>
                                        <div class="flex-1 pic_right text-left"><img src="../src/img/dqyhx/dialog2/pic_right.png"/></div>
                                    </div>
                                    <div>
                                        <v-chart :options="dialog2.dstat4.chartOption" class="d1_echart_c_2" @click="dstat4Click"/>
                                    </div>
                                </div>
                                
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!-- </template> -->
            <!--生产企业检查缺陷详情-->
            <template v-if="activeDialogIndex==3">
                <div class="modal fade" id="modal3" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
                    <div class="modal-dialog modal-dialog-centered dialog3" role="document">
                        <div class="modal-content " >
                            <div class="modal-header">
                                <h5 class="modal-title">生产企业检查缺陷详情</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body dialog1">
                                <div class="d-content">
                                    <table class="text-center f16 common_table">
                                        <thead>
                                            <th  style="width: 56px">序号</th>
                                            <th  style="width: 350px">缺陷条款</th>
                                            <th  style="width: 580px">缺陷内容</th>
                                            
                                        </thead>
                                        <!-- <template v-for="(item,index) in dialogProduct.list"> -->
                                        <tr>
                                            <td>1</td>
                                            <td>GMP第19条</td>
                                            <td></td>
                                            
                                        </tr>
                                        <tr>
                                            <td>2</td>
                                            <td>GMP第19条</td>
                                            <td></td>
                                            
                                        </tr>
                                        <tr>
                                            <td>3</td>
                                            <td>GMP第19条</td>
                                            <td></td>
                                            
                                        </tr>
                                        <!-- </template> -->
                                    </table>
                                </div>
                                <div class="text-right pt20"><button  @click="backDialog">返回</button></div>
                            </div>
                        </div>
                    </div>
                </div>
            </template>
            <!--企业检查缺陷分析-->
            <template v-if="activeDialogIndex==4">
                <div class="modal fade" id="modal4" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
                    <div class="modal-dialog dialog4" role="document">
                        <div class="modal-content " >
                            <div class="modal-header">
                                <h5 class="modal-title">企业抽样检测不合格项目分析</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body ">
                                <div class="dstat-1">
                                    <div class="s-title">历年企业抽检不合格项目情况</div>
                                    <v-chart :options="dialog4.dstat1.chartOption" class="d4_echart_c_1" />
                                </div>
                                <div class="dstat-2">
                                    <div class="s-title">企业抽样检测不合格项目分析</div>
                                    <div class="search_content mb20 pl20 pt20">
                                        <div class="fx-item flex mb10">
                                            <div class="flex-1 ">
                                                <span class="l-name l-width-1">时间：</span>
                                                <span>
                                                    <input type="text" value="2019-07-08" class="form-control inline-block width-input-1 mr10"><span class="color-blue">-</span><input type="text" value="2019-07-08"  class="form-control inline-block width-input-1 ml10">
                                                </span>
                                            </div>
                                            <div class="flex-1 ">
                                                <span class="l-name l-width-2 pl10">成品品种：</span>
                                                <span >
                                                    <select  class="form-control  inline-block width-input-2">
                                                        <option value="1">冻干人用狂犬病疫苗（Ver</option>
                                                        <option value="2">冻干人用狂犬病疫苗（Ver</option>
                                                        <option value="3">冻干人用狂犬病疫苗（Ver</option>
                                                    </select>
                                                </span>
                                            </div>
                                            
                                            
                                        </div>
                                        <div class="fx-item flex mb10">
                                            <div class="flex-1 ">
                                                <span class="l-name  l-width-1">企业：</span>
                                                <span>
                                                    <input  class="form-control  inline-block width-input-3" value="宁波荣安生物技术有限公司">
                                                </span>
                                            </div>
                                            <div class="flex-1 ">
                                                
                                            </div>
                                            
                                        </div>
                                        <div class="text-right pr20">
                                            <button class="mr10" @click="submitForm">提交</button>
                                        </div>
                                    </div>
                                    <v-chart :options="dialog4.dstat2.chartOption" class="d4_echart_c_2" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </template>
            <!--企业投诉举报情况分析-->
            <template v-if="activeDialogIndex==5">
                <div class="modal fade" id="modal5" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
                    <div class="modal-dialog dialog5" role="document">
                        <div class="modal-content " >
                            <div class="modal-header">
                                <h5 class="modal-title">企业投诉举报情况分析</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body ">
                                <div class="dstat-1">
                                    <div class="s-title">历年企业投诉举报情况</div>
                                    <v-chart :options="dialog5.dstat1.chartOption" class="d4_echart_c_1" />
                                </div>
                                <div class="dstat-2">
                                    <div class="s-title">企业投诉举报情况查询</div>
                                    <div class="search_content mb20 pl20 pt20">
                                        <div class="fx-item flex mb10">
                                            <div class="flex-1 ">
                                                <span class="l-name l-width-1">时间：</span>
                                                <span>
                                                    <input type="text" value="2019-07-08" class="form-control inline-block width-input-1 mr10"><span class="color-blue">-</span><input type="text" value="2019-07-08"  class="form-control inline-block width-input-1 ml10">
                                                </span>
                                            </div>
                                            <div class="flex-1 ">
                                                <span class="l-name l-width-2 pl10">产品类别：</span>
                                                <span >
                                                    <select  class="form-control  inline-block width-input-2">
                                                        <option value="1">疫苗</option>
                                                        <option value="2">疫苗</option>
                                                        <option value="3">疫苗</option>
                                                    </select>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="fx-item flex mb10">
                                            <div class="flex-1 ">
                                                <span class="l-name  l-width-1">企业：</span>
                                                <span>
                                                    <input  class="form-control  inline-block width-input-3" value="宁波荣安生物技术有限公司">
                                                </span>
                                            </div>
                                            <div class="flex-1 ">
                                                <span class="l-name l-width-2 pl10">区域：</span>
                                                <span >
                                                    <input  class="form-control  inline-block width-input-2" placeholder="省，市，县">
                                                    
                                                </span>
                                            </div>
                                            
                                        </div>
                                        <div class="text-right pr20">
                                            <button class="mr10" @click="submitForm">提交</button>
                                        </div>
                                    </div>
                                    <v-chart :options="dialog5.dstat2.chartOption" class="d4_echart_c_2" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </template>
            <!--企业异常/不良反应情况分析-->
            <template v-if="activeDialogIndex==6">
                <div class="modal fade" id="modal6" tabindex="-1" role="dialog" aria-labelledby="exampleModalLongTitle" aria-hidden="true">
                    <div class="modal-dialog dialog6" role="document">
                        <div class="modal-content " >
                            <div class="modal-header">
                                <h5 class="modal-title">企业异常/不良反应情况分析</h5>
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                                <span aria-hidden="true">&times;</span>
                                </button>
                            </div>
                            <div class="modal-body ">
                                <div class="dstat-1">
                                    <div class="s-title">疫苗成产企业历年不良反应数量统计</div>
                                    <v-chart :options="dialog6.dstat1.chartOption" class="d6_echart_c_1"/>
                                </div>
                                <div class="dstat-2">
                                    <div class="s-title">异常/不良反应分析</div>
                                    <div class="search_content mb20 pl20 pt20">
                                        <div class="fx-item flex mb10">
                                            <div class="flex-1 ">
                                                <span class="l-name l-width-1">时间：</span>
                                                <span>
                                                    <input type="text" value="2019-07-08" class="form-control inline-block width-input-1 mr10"><span class="color-blue">-</span><input type="text" value="2019-07-08"  class="form-control inline-block width-input-1 ml10">
                                                </span>
                                            </div>
                                            <div class="flex-1 ">
                                                <span class="l-name l-width-2 pl10">成品品种：</span>
                                                <span >
                                                    <select  class="form-control  inline-block width-input-2">
                                                        <option value="1">冻干人用狂犬病疫苗（Ver</option>
                                                        <option value="2">冻干人用狂犬病疫苗（Ver</option>
                                                        <option value="3">冻干人用狂犬病疫苗（Ver</option>
                                                    </select>
                                                </span>
                                            </div>
                                        </div>
                                        <div class="fx-item flex mb10">
                                            <div class="flex-1 ">
                                                <span class="l-name  l-width-1">企业：</span>
                                                <span>
                                                    <input  class="form-control  inline-block width-input-3" value="宁波荣安生物技术有限公司">
                                                </span>
                                            </div>
                                        </div>
                                        <div class="text-right pr20">
                                            <button class="mr10" @click="submitForm">提交</button>
                                        </div>
                                    </div>
                                    <v-chart :options="dialog6.dstat2.chartOption" class="d6_echart_c_2" />
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </template>
        </div>
    </div>
</div>
<script type="text/javascript" src="../src/js/jquery-1.11.1.min.js"></script>
<script src="../src/js/polyfill.min.js"></script>

<script src="../src/js/vue.min.js"></script>
<script src="../src/js/echarts.js"></script>
<script src="../src/js/vue-echarts@4.0.2"></script>
<script src="../src/js/modal.min.js"></script>
<script src="../src/js/chart-options-dqy.js"></script>

<script type="text/javascript" src="../src/js/dqyhx.js"></script>
</body>

</html>